var Script = function() {

    $('#pills').bootstrapWizard({'tabClass': 'nav nav-pills', 'debug': false, onShow: function(tab, navigation, index) {
            console.log('onShow');
        }, onNext: function(tab, navigation, index) {
            console.log('onNext');
        }, onPrevious: function(tab, navigation, index) {
            console.log('onPrevious');
        }, onLast: function(tab, navigation, index) {
            console.log('onLast');
        }, onTabClick: function(tab, navigation, index) {
            console.log('onTabClick');
            alert('on tab click disabled');
        }, onTabShow: function(tab, navigation, index) {
            console.log('onTabShow');
            var $total = navigation.find('li').length;
            var $current = index + 1;
            var $percent = ($current / $total) * 100;
            $('#pills').find('.bar').css({width: $percent + '%'});
        }});

    $('#tabsleft').bootstrapWizard({'tabClass': 'nav nav-tabs', 'debug': false, onShow: function(tab, navigation, index) {
            console.log('onShow');
        }, onNext: function(tab, navigation, index) {
            console.log('onNext');
        }, onPrevious: function(tab, navigation, index) {
            console.log('onPrevious');
        }, onLast: function(tab, navigation, index) {
            console.log('onLast');
        }, onTabClick: function(tab, navigation, index) {
            console.log('onTabClick');

        }, onTabShow: function(tab, navigation, index) {
            console.log('onTabShow');
            var $total = navigation.find('li').length;
            var $current = index + 1;
            var $percent = ($current / $total) * 100;
            $('#tabsleft').find('.bar').css({width: $percent + '%'});

            // If it's the last tab then hide the last button and show the finish instead
            if ($current >= $total) {
                $('#tabsleft').find('.pager .next').hide();
                $('#tabsleft').find('.pager .finish').show();
                $('#tabsleft').find('.pager .finish').removeClass('disabled');
            } else {
                $('#tabsleft').find('.pager .next').show();
                $('#tabsleft').find('.pager .finish').hide();
            }

        }});


    $('#tabsleft .finish').click(function() {
        //alert('Finished!, Starting over!');
        $('#tabsleft').find("a[href*='tabsleft-tab1']").trigger('click');
    });

}();